<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/xsl" href="/callimachus/template.xsl"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#"
    xmlns:xsd="http://www.w3.org/2001/XMLSchema#"
    xmlns:owl="http://www.w3.org/2002/07/owl#"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:calli="http://callimachusproject.org/rdf/2009/framework#"
    xmlns:foaf="http://xmlns.com/foaf/0.1/"
    xmlns:skos="http://www.w3.org/2004/02/skos/core#"
    xmlns:vcard="http://www.w3.org/2006/vcard/ns#"
    xmlns:gr="http://purl.org/goodrelations/v1#"
    xmlns:directory="http://dir.w3.org/rdf/2012/directory/">
<head>
	<title about="?this">{rdfs:label}</title>
</head>
<body about="?this">
    <h1 property="rdfs:label" />
	<form about="?this" typeof="foaf:Project" method="POST" enctype="application/sparql-update">
		<div class="hbox">
			<div>
				<div>
					<label for="label">Deployment name</label>
					<input id="label" required="required" value="{rdfs:label}" />
				</div>
				<div class="vbox">
					<label for="page">Website</label>
					<input type="url" id="page" placeholder="Web page with more detail" value="{foaf:homepage}" />
				</div>
				<div>
					<label for="country">Country of Origin</label>
					<select id="country" rel="directory:countryOfOrigin">
						<option selected="selected" about="?country" rev="calli:hasComponent" resource="countries/" property="skos:prefLabel" />
					</select>
				</div>
				<div>
					<label for="comment">Comment</label>
					<textarea id="comment" class="auto-expand">{rdfs:comment}</textarea>
				</div>
			</div>

    		<div>
				<div>
					<label for="industry">Industry or domain category</label>
					<div id="industry" rel="directory:inIndustry" class="sorted">
						<label class="input" about="?industry" style="display:block">
							<input type="checkbox" name="industry" checked="checked" />
							<span rev="calli:hasComponent" resource="sector/" property="skos:prefLabel" class="asc" />
						</label>
					</div>
				</div>
			</div>

			<div>
				<div>
					<label for="technologies">Technologies used</label>
					<div id="technologies" rel="directory:usedTechnology" class="sorted">
						<label class="input" about="?technology" style="display:block">
							<input type="checkbox" name="technology" checked="checked" />
							<span rev="calli:hasComponent" resource="technologies/" property="skos:prefLabel" class="asc" />
						</label>
					</div>
				</div>
			</div>

    		<div>
				<div>
					<label for="deployments">Availability <a href="http://lab.linkeddata.deri.ie/2010/star-scheme-by-example/"
                        target="_blank"><sup>?</sup></a></label>
					<select id="deployments" rel="directory:availabilityLevel">
						<option selected="selected" about="?deployments" rev="calli:hasComponent"
                            resource="linked-data-category/" property="skos:prefLabel" />
					</select>
				</div>
				<div id="org" class="dropzone field" dropzone="link s:text/uri-list" ondrop="return calli.insertResource(event)">
					<label>Participants <a href="Organization" title="Create" class="ui-icon ui-icon-newwin"
                        onclick="return calli.createResource(event,'/org/?create='+this.href)" /></label>
					<div rel="directory:hasParticipant" class="vbox">
                        <span about="?org" typeof="vcard:Organization" class="ui-state-highlight ui-corner-all">
    						<span property="rdfs:label"></span>
                        </span>
					</div>
				</div>
            	<div dropzone="link s:text/uri-list" ondrop="return calli.insertResource(event)">
        			<label>Depiction <a href="/callimachus/Image" title="Upload"
            				onclick="return calli.createResource(event,location.pathname.replace(/\/[^/]*$/,'')+'?create='+this.href)"
                            class="ui-icon ui-icon-newwin" /></label>
        			<div rel="foaf:depiction">
                        <span about="?depiction" typeof="foaf:Image" class="ui-state-highlight ui-corner-all">
            				<img src="{?depiction}" style="max-height:10em;max-width:10em" />
                        </span>
        			</div>
        		</div>
			</div>
		</div>
		<button id="submit" type="submit">Submit</button>
		<button id="cancel" type="button" onclick="location.replace('?view')">Cancel</button>
		<button id="delete" type="button" onclick="calli.deleteResource(event,location.pathname.replace(/\/[^/]*$/,'')">Delete</button>
	</form>
</body>
</html>
